// 公共标题样式
.title-gradient {
  @include text-gradient($primary-color, $secondary-color);
  font-size: $font-size-xxl;
  font-weight: bold;
}

// 公共卡片样式
.card {
  @include card-style;
  margin: $spacing-lg 0;
  box-shadow: 0 4rpx 16rpx rgba(0,0,0,0.05);
}

// 公共按钮样式
.btn-primary {
  width: 100%;
  margin: $spacing-lg 0;
}

// 公共文本样式
.text-center {
  text-align: center;
}

.text-bold {
  font-weight: bold;
}

.text-large {
  font-size: $font-size-large;
}

// 公共间距样式
.mt-20 { margin-top: 20rpx; }
.mb-20 { margin-bottom: 20rpx; }
.ml-20 { margin-left: 20rpx; }
.mr-20 { margin-right: 20rpx; }
.mb-40 { margin-bottom: 40rpx; }

.p-20 { padding: 20rpx; }
.p-40 { padding: 40rpx; }
